/**
 * Created by Administrator on 2017/9/5.
 */

/**
 * 定义一个简易版本的jQuery
 * @param tagName 接收一个参数，目前只接收标签名
 * @returns {SS}  返回一个ss的对象，对象里有 css addClass 等方法
 */
function $(tagName){
    var collectionS = document.getElementsByTagName(tagName)
    function SS(){

    }
    SS.prototype.css = function(attr,value){
        for(var i=0;i<this.length;i++){
            this[i].style[attr] = value;
        }
        return this;
    };
    SS.prototype.addClass = function(className){
        for(var i=0;i<this.length;i++){
            this[i].className = className;
        }
        return this;
    };

    SS.prototype.html = function(v){
        for(var i=0;i<this.length;i++){
            this[i].innerHTML = v;
        }
        return this;
    };


    var r = new SS();

    r.length = 0;   //手动构造对象的length属性
    for(var i=0;i<collectionS.length;i++){
        r[i] = collectionS[i];  //将找到的对象，反回到 SS实例化对象属性中。0，1，2
        r.length++;//length长度增1
    }
    return r;
}
$.trim = function(s){
    var reg = /^\s*(.*?)\s*?$/;
    s  = s.replace(reg,'$1');
    return s;
}